html,body,.contert{
					margin: 0;
					padding: 0;
					height: 100%;
					font-family: 微软雅黑, Helvetica, Arial, sans-serif;
					max-width: 640px;
    				min-width: 320px;
    				margin: 0 auto;
    				background: #ffffff;
					}
					
					.contert{
						display:flex;
						flex-direction:column;
						flex-wrap：nowrap;
						}
					
					header{
						background: yellow;
						height:44px;
						background:#36B2D4;
						text-align:center;
						color: white;
						font-size: 18px;
						line-height: 44px;
						font-family:"songti";
						}
					header span{
						display: block;
						height: 60%;
						width: 5%;
						float: left;
						margin-left: 15px;
						/*border: 1px solid red;*/
						margin-top: 6px;
					}	
					
					header span img{
						width: 100%;
						height: 100%;
					}
					
					
					.hed-tite{
						display: block;
						height: 44px;
						width: auto;
						position: absolute;
						left: 0;
						right: 0;
						margin: auto;
						text-align: center;
						/*border: 1px solid red;*/
						
					}	
					
					
					
					.conte{
						/*height: 100%;*/
						overflow: auto;
						background: aliceblue;
						flex: 1;
						background:#ffffff;
						}
					
					
					footer{
						background: #F4F4F4;
						height: 55px;
						display: flex;
						border: 1px solid darkgray;
						border-left: none;
						border-right: none;
						text-align: center;
						background:gray;
						}	



						.top-name{
							flex: 1;
							height: 60px;
							width: 95%;
							margin: auto;
							margin-top: 20px;
							background: #58BAFF;
							border-radius: 3px;
						}
						
						
						
						.name-a{
							height: 50px;
							width: 50px;
							line-height: 50px;
							display: block;
							border: 0px solid red;
							float: left;
							margin-top: 5px;
							margin-left: 10px;
							color: white;
							font-family: "微软雅黑";
						}
						
						.name-a-1{
							height: 50px;
							width:auto;
							line-height: 50px;
							display: block;
							border: 0px solid red;
							float: left;
							margin-top: 5px;
							margin-left: 10px;
							color: white;
							font-family: "微软雅黑";
						}
						
						
						
						.name-b{
							height: 20px;
							width: 20px;
							display: block;
							border: 0px solid red;
							float: right;
							margin-top: 20px;
							margin-right: 10px;
						}
						

						.name-a img{
							width: 100%;
							height: 100%;
						}
						.name-a-1 img{
							width: 40px;
						    height: 40px;
						    margin-top: 5px;
							
						}
						
						
						.name-b img{
							width: 100%;
							height: 100%;
						}

						.name-font{
							font-size: 16px;
						}

						
						.name-list{
							height: 50px;
							width: 90%;
							margin: auto;
							border-bottom: 1px solid gray;
						}


						.name-list-a{
							height: 50px;
							line-height: 50px;
							width: auto;
							display: block;
							border: 0px solid red;
							float: left;
							color: #828282;
						}
						
						
						.name-list-b{
							height: 50px;
							line-height: 50px;
							width: auto;
							display: block;
							border: 0px solid red;
							float: left;
							color: #4d4d4d;
						}
						
						.name-list-heit{
							height: 200px;
							display: block;
							width: 90%;
							margin: auto;
							border-bottom: 1px solid gray;
							position: relative;
						}
						
						.name-list-heit2{
							height: 160px;
							display: block;
							width: 90%;
							margin: auto;
							position: relative;
						}
						
						.name-list-rig{
							width: 72%;
							height: auto;
							left: 68px;
							border: 0px solid gold;
							position: absolute;
							padding-left: 10px;
							
						}
						

						.name-list-heit	p{
							display: block;
							width: 90%;
							border: 0px solid red;
							font-family: "微软雅黑";
							font-size: 14px;
							/*margin: 10px;*/
						}
						
						.name-heit-a{
							height: 20px;
							line-height: 20px;
							margin-top: 20px;
							width: 100px;
							display: block;
							border: 0px solid red;
							float: left;
							color: #828282;
						}


						.p-magin{
							margin: 20px 0 0 0;
						}

						.p-mag{
							margin: 5px 0;
						}
						
						.time{
							flex: 1;
							height: 60px;
							width: 95%;
							margin: auto;
							margin-top: 30px;
							/*margin-bottom: 5px;*/
							background: #FFAF5D;
							border-radius: 3px;
						}
						
						
						.time-a{
							flex: 1;
							height: 60px;
							width: 95%;
							margin: auto;
							margin-top: 10px;
							margin-bottom: 5px;
							background: #FFAF5D;
							border-radius: 3px;
						}
							
						.masg-box{
							flex: 1;
							width: 90%;
							height: auto;
							margin: auto;
							/*background: aquamarine;*/
							border-bottom: 1px solid gray;
							padding-bottom: 20px;
							margin-bottom: 30px;
						}
						
						
						.masg-box-a{
							height: 50px;
							width: 100%;
							padding-top: 15px;
							border: 0px solid red;
							/*margin-bottom: 10px;*/
						}
						
						.box-lef{
							height: 50px;
							width: 50px;
							border: 0px solid red;
							float: left;
						}
						.box-right{
							height: 50px;
							width: 60%;
							border: 0px solid red;
							float: left;
							margin-left: 10px;
						}
						
						.box-right2{
							height: 50px;
							width: 40%;
							border: 0px solid red;
							float: left;
							margin-left: 10px;
						}
						
						
						.box-lef img{
							width: 100%;
							height: 100%;
						}
						.box-right img{
							width: 100%;
							height: 100%;
						}
						.box-right2 img{
							width: 100%;
							height: 100%;
						}
						
						
						.box-time{
							height: 50px;
							width: auto;
							/*border: 1px solid red;*/
							color: gray;
							margin-left: 10px;
							line-height: 50px;
							float: left;
						}
						
						
						.phots{
							display:flex;
							flex-direction:row;
							flex-wrap：nowrap;
							border: 0px solid red;
							min-height: 100px;
							margin-top: 30px;
							width: 90%;
							margin: auto;
						}
						
						
						.p1{
							flex:1;
							width: 100px;
							min-height: 90px;
							margin-right: 5px;
							border: 0px solid red;
							position: relative;
							
						}
						
						
						.p1 img{
							width: 100%;
							height: 100%;
						}
						
						
						
						
						.tite-gen{
							width: 100%;
							height: 30px;
							background:#14a66b;
							position: absolute;
							bottom:0px;
							color: white;
							line-height: 30px;
							font-family: "微软雅黑";
							font-size: 1em;
							opacity: 0.8;
							text-align: center;
						}
						
						
						.mtop{
							margin-top: 30px;
							padding-bottom: 20px;
							border-bottom: 1px solid gray;
						}
						
						
						p{
							color: #4d4d4d;
						}
						
						.doctr{
							width: 90%;
							height: 90px;
							margin: auto;
							background: #3ab4ec;
							margin-top: 15px;
							margin-bottom: 20px;
							border-radius:5px;
							position: relative;
							color: white;
							font-family: "微软雅黑";
						}
						
						
						
						.doctr-user{
							width: 40px;
							height: 40px;
							position: absolute;
							left: 15px;
							top: 15px;
							border: 0px solid red;
						}
						
						.doctr-user img{
							width: 100%;
							height: 100%;
						}
						
						.z{
							display: block;
							width: auto;
							height: 20px;
							position:absolute;
							top: 15px;
							left: 65px;
							font-size: 1.2em;
							line-height: 20px;
						}
						
						.zr{
							display: block;
							width: auto;
							height: 20px;
							line-height: 25px;
							position:absolute;
							top: 15px;
							left: 130px;
							font-size: 0.8px;
						}
						
						.by{
							display: block;
							width: auto;
							height: 20px;
							line-height: 25px;
							position:absolute;
							top: 35px;
							left: 65px;
							font-size: 0.8px;
						}
						
						.gk{
							display: block;
							width: auto;
							height: 20px;
							line-height: 25px;
							position:absolute;
							top: 55px;
							left: 65px;
							font-size: 1px;
						}
						
						.doctr-right{
							width: 65px;
							height: 65px;
							/*border: 1px solid;*/
							position: absolute;
							right: 15px;
							top: 13px;
						}


						.doctr-right img{
									width: 100%;
									height: 100%;
						}
						
						
						.m-bot{
							margin-bottom: 20px;
						}
				